<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page isELIgnored="false" %>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>安全鱼手机官网app下载_新安全鱼应用市场官方网站</title>
    <meta name="baidu-site-verification" content="PPITfIaKXk"/>
    <meta name="keywords" content="安全鱼官网app、新安全鱼应用市场、安全鱼官方网站、安全鱼手机官网、安全鱼下载">
    <meta name="description" content="安全鱼应用市场官方网站提供新安全鱼手机app下载，安全鱼应用市场版本更新，安全鱼内应用均经系统及人工双重安全检测，安全无广告，为您提供贴心的应用下载服务。">
    <meta name="application-name" content="pc"/>
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta name="viewport" content="width=1280,user-scalable=yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="/sources/images/safeFish/logo.ico">
    <link rel="stylesheet" href="/sources/stylesheets/app_index.css">
</head>
<body>
<header class="nav" style="position: relative;z-index: 2;">
    <div class="content head">
        <div class="head_left fl_left">
            <span>安全鱼 · 无广告</span>
        </div>
        <div class="head_right fl_right">
            <ul>
                <li><a href="/index.jsp" target="_blank">首页</a><i></i></li>
                <li><a href="http://forkeji.com/" target="_blank">为极科技</a></li>
                <li style="margin-right: 0"><a href="/appindex.jsp" target="_blank">开放平台</a></li>
            </ul>
        </div>
    </div>
    <div class="line"></div>
</header>
<section class="banner">
    <div class="top_circle"><img src="/sources/images/safeFish/3.png" alt="球"></div>
    <div class="top_app"><img src="/sources/images/safeFish/bottom_bg.png" alt="app" width="360px" height="640px"></div>
    <div class="banner_text">
        <h1>纯净而生，从此告别广告</h1>
        <p>全新安全鱼，全网无广告应用，人工质检，安全可靠的应用平台</p>
    </div>
    <div class="bottom_r_circle"><img src="/sources/images/safeFish/3.png" alt="球"></div>
    <div class="bottom_l_circle"><img src="/sources/images/safeFish/3.png" alt="球"></div>
    <div class="bottom_app"><img src="/sources/images/safeFish/bottom_bg.png" alt="app" width="360px" height="640px">
    </div>
    <br><a href="/download?md5=${dataMap.md5}">
    <button></button>
</a><br>
    <p class="version_txt">安全鱼最新版：<fmt:formatDate value="${dataMap.date}" pattern="yyyy-MM-dd"/> 更新至v${dataMap.version}</p>
</section>
<section style="width: 100%;">
    <section class="content introduce">
        <div class="introduce_left fl_left">
            <ul>
                <li style="margin-top: 0;"><img src="/sources/images/safeFish/img_01.png" alt="无广告" class="fl_left">
                    <div class="fl_left intro_txt">
                        <h3>应用无广告</h3>
                        <p>无广告应用下载，尽在安全鱼</p></div>
                </li>
                <li><img src="/sources/images/safeFish/img_03.png" alt="视频无广告" class="cl fl_left">
                    <div class="fl_left intro_txt">
                        <h3>视频无广告</h3>
                        <p>看视频无广告，vip内容免费看</p></div>
                </li>
            </ul>
        </div>
        <div class="introduce_right fl_right" style="margin-right:100px; ">
            <ul>
                <li style="margin-top: 0;"><img src="/sources/images/safeFish/img_02.png" alt="游戏无广告" class="fl_left">
                    <div class="fl_left intro_txt">
                        <h3>游戏无广告</h3>
                        <p>全网去广告游戏，只需安全鱼</p></div>
                </li>
                <li><img src="/sources/images/safeFish/img_04.png" alt="优秀应用推荐" class="cl fl_left">
                    <div class="fl_left intro_txt">
                        <h3>高质内容推荐</h3>
                        <p>全网无广告的安全鱼应用平台</p></div>
                </li>
            </ul>
        </div>

    </section>
    <div class="line" style="margin-top: 100px"></div>
</section>

<footer class="footer">
    <div class="content">
        <div class="title">
            <ul>
                <li><a href="http://app.forkeji.com/">安全鱼官网</a></li>
                <li><a href="https://www.lagou.com/gongsi/147569.html"
                       target="_blank">加入我们</a></li>
                <li><a href="http://weibo.com/zhaopinxin?refer_flag=1001030103_&is_hot=1"
                       target="_blank">新浪微博</a></li>
                <li><a href="http://wpa.qq.com/msgrd?v=3&uin=390441453&site=qq&menu=yes" target="_blank">联系客服</a></li>
                <li><a href="javascript:;">友情链接</a></li>
                <li style="margin-left: 8px;">/</li>
                <li><a href="http://forkeji.com/" target="_blank" style="color: #15c880;">为极科技 - 专业主题UI定制</a></li>

            </ul>
        </div>
        <div class="address">
            <c:import url="footer.jsp"></c:import>
        </div>
    </div>
</footer>
<script src="/sources/dist/js/jquery.min.js"></script>
<script name="baidu-koubei-verification" src="//ikoubei.baidu.com/embed/97b6b086f57425c48bcc3b81ea74e53d"></script>
<script>
    $(document).ready(function () {
        $(window).scroll(function (event) {
            if ($(this).scrollTop() < 100) {
//                $('.top_circle').
                $('.top_app').css('animation', 'top_to_bottom .5s linear').css('animation-fill-mode', 'forwards');
                $('.bottom_app').css('animation', 'bottom_to_top 0.5s linear').css('animation-fill-mode', 'forwards');
                $('.top_circle').css('animation', 'cir_top_bottom 0.5s linear').css('animation-fill-mode', 'forwards');
                $('.bottom_r_circle').css('animation', 'cir_bottom_to_top 0.5s linear').css('animation-fill-mode', 'forwards');
            } else {
                $('.top_app').css('animation', 'top_to_top .5s linear').css('animation-fill-mode', 'forwards');
                $('.bottom_app').css('animation', 'bottom_to_bottom 0.5s linear').css('animation-fill-mode', 'forwards');
                $('.top_circle').css('animation', 'cir_bottom_top 0.5s linear').css('animation-fill-mode', 'forwards');
                $('.bottom_r_circle').css('animation', 'cir_top_to_bottom 0.5s linear').css('animation-fill-mode', 'forwards');

            }
        });
    });
</script>
</body>
</html>